import {StyleSheet} from "react-native";
import {ScreenDimensions} from "../../../libs/utils/ScreenDimensions";


export const listViewItemStyle = StyleSheet.create({
    container: {
        flexDirection:'row',
        marginTop: 9,
        marginBottom: 9,
        marginLeft: 16,
        marginRight: 16,
        // borderWidth: ScreenDimensions.minBorderWidth,
        borderColor:'#ccc'
    },

    content: {
        flexDirection:'column',
        justifyContent:'space-around',
        marginLeft:6,
        // marginRight:6,
        flexShrink: 1,
        flex:1
    },


    contentNameContainer: {
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center',
        marginTop:1
    },

    contentName: {
        // marginTop:1,
        fontSize: 16.4,
        color:'#000000',
        fontWeight:'400'
    },
    contentTime: {
        fontSize: 11,
        color:'#758190',
    },


    contentMessageContainer: {
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center',
        marginTop:-9
    },
    contentText: {
        fontSize: 13.7,
        color:'#758190',
    },


    contentUnread: {
        // marginTop:-9,
    },

    unread: {
        // marginTop:-9
    },



});


export const listViewStyle = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: ScreenDimensions.themeBackgroundColor,
    },

    list: {
        flex: 1,
        paddingTop: 22
    },
    item: {
        padding: 10,
        fontSize: 18,
        height: 44,
    },
});
